<!DOCTYPE html>
<html lang="zh-cn" class="mar_bottom">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
<title>聊天室</title>
<link href="../style/style.css" rel="stylesheet">
<link href="../style/Common.css" rel="stylesheet">
<link href="../style/normalize.css" rel="stylesheet">
</head>
<body>

<div class="">
	<div class="you_box fn-clear">
    	<div class="head"><img src="../case/yk_pic.jpg"></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear">aa </div>
    </div>
    <div class="you_box fn-clear">
    	<div class="head"><img src="../case/yk_pic.jpg"></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear">哈哈啊哈</div>
    </div>
    <div class="me_box fn-clear">
    	<div class="head_right"><img src="../case/head01.jpg"></div>
        <div class="talk_right"><img src="../case/talk_right.jpg"></div>
        <div class="right_box fn-clear">哈哈啊哈哈哈啊哈哈啊哈啊哈哈</div>
    </div>
    <div class="me_box fn-clear">
    	<div class="head_right"><a href=""><img src="../case/head01.jpg"></a></div>
        <div class="talk_right"><img src="../case/talk_right.jpg"></div>
        <div class="right_box fn-clear"><a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';"><img src="../case/head.jpg"></a></div>
    </div>
    <div class="you_box fn-clear">
    	<div class="head"><a href=""><img src="../case/yk_pic.jpg"></a></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear"><a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';"><img src="../case/head.jpg"></a></div>
    </div>
    <div class="me_box fn-clear">
    	<div class="head_right"><a href=""><img src="../case/head01.jpg"></a></div>
        <div class="talk_right"><img src="../case/talk_right.jpg"></div>
        <div class="right_box fn-clear"><a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';"><img src="../case/head.jpg"></a></div>
    </div>
    <div class="you_box fn-clear">
    	<div class="head"><a href=""><img src="../case/yk_pic.jpg"></a></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear"><a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';"><img src="../case/head.jpg"></a></div>
    </div>
	<div class="you_box fn-clear">
    	<div class="head"><img src="../case/yk_pic.jpg"></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear">哈哈啊哈</div>
    </div>
    <div class="me_box fn-clear">
    	<div class="head_right"><img src="../case/head01.jpg"></div>
        <div class="talk_right"><img src="../case/talk_right.jpg"></div>
        <div class="right_box fn-clear">哈哈啊哈哈哈啊哈哈啊哈啊哈哈</div>
    </div>
    <div class="you_box fn-clear">
    	<div class="head"><img src="../case/yk_pic.jpg"></div>
        <div class="talk_left"><img src="../case/talk_left.jpg"></div>
        <div class="left_box fn-clear">哈哈啊哈</div>
    </div>
 </div>
<div class="tc_login"><a href="">退出</a></div> 
<div class="write_box">
<div class="write_img"></div>
<!--<img src="../case/up_btn.png">
<input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />-->
<input type="text" name="" class="ipt_txt">
<a href="" class="btn">发送</a>
</div>
<div id="mcover" style="display: none;">
     <img src="../case/head.jpg">
</div>
</body>
</html>